<template>
    <div id="app">
        <!--    <img alt="Vue logo" src="./assets/logo.png" />-->
        <!--    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />-->
        <router-view></router-view>
    </div>
</template>

<script lang="ts">
    import {Component, Vue} from "vue-property-decorator";
    import HelloWorld from "./components/HelloWorld.vue";

    @Component({
        components: {
            HelloWorld
        }
    })
    export default class App extends Vue {
    }
</script>

<style lang="stylus">
    #app
        font-family 'Avenir', Helvetica, Arial, sans-serif
        -webkit-font-smoothing antialiased
        -moz-osx-font-smoothing grayscale
        text-align left
        color #2c3e50

    div
        box-sizing border-box
        font-size 14px


    .yoshop-notcont {
        padding: 35px 50px;
        box-sizing: border-box;
    }

    .yoshop-notcont .cont {
        display: block;
        text-align: center;
        font-size: 30 rpx;
        color: #999;
        margin-top: 10 rpx;
    }

    .swiper-tab {
        display flex;
        flex-direction row;
        align-items center;
        width: 100vw;
        text-align: center;
        height: 40px;
        background-color: #fff;
        border-bottom: 1px solid #eee;
    }

    .swiper-tab .swiper-tab-item {
        flex 1
        height 40px;
        font-size: 14px;
        color: #777;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        border-bottom: 2px solid #ffffff00;
    }

    .swiper-tab .on {
        color: #4876ff;
        border-bottom: 2px solid #4876ff;
    }

    .red
        color red!important


</style>
